<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="author" content="chanlong">
	<meta name="keywords" content="蜜娃娃, 早教, 缤够, 云服务" />
	<meta name="description" content="蜜娃娃云服务，专业提供早教领域，企业及机构，运营管理类，互联网产品">
	<link rel="stylesheet" href="/miwawa/resources/lib/bootstrap/3.3.5/css/bootstrap.min.css">
	<link rel="stylesheet" href="/miwawa/resources/fonts/font-awesome/4.5.0/css/font-awesome.css">
	<link rel="stylesheet" href="/miwawa/resources/lib/miwawa/1.0.2/css/miwawa-app.css">
	
</head>

<body>
	<div class="container-fluid article">
		<div class="row article-header">
			<div class="col-sm-12">
				<div class="header-pic">
					<img src="/miwawa/resources/photos/user/default.png">
				</div>
				<div class="header-info">
					<span class="username">赵冲</span>
					<span class="shopname">哈雅宝贝早教中心</span>
				</div>
				<div class="header-time">
					<span>
						<i class="fa fa-clock-o"></i>
						<span>2016-3-23 15:32</span>
					</span>
				</div>
			</div>
		</div>
		<div class="row article-title">
			<div class="col-sm-12">
				<div class="title-label">不知道是什么</div>
				<div class="title-count">
					<span class="hitCount">
						<i class="fa fa-eye"></i>20266
					</span>
					<span class="commentCount">
						<i class="fa fa-commenting-o"></i>22
					</span>
				</div>
			</div>
		</div>
		<div class="row article-content">
			<div class="col-sm-12">
				<div class="content-body">
					<p>
						如下原因会造成JSON校验失败,而且会让你不知道为什么失败

						JSON字符串里的非数字型键值没有双引号
						JSON中存在\t这样的制表符,看起来和空格一样,但是就是因为它的存在校验不通过。去掉就能过了。
					</p>
				</div>
			</div>
		</div>
		<div class="row article-photos">
			<div class="col-sm-12">
				<div class="photos-body">
					<ul>
						<li>
							<p>
								<img src="http://192.168.2.200/fileupload/default/banner/201603/banner3.jpg">
							</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="row article-comments">
			<div class="col-sm-12">
				<ul>
					<li class="comments-item">
						<div class="comment-header">
							<div class="commenter-info">
								<div class="commenter-icon">
									<img src="/miwawa/resources/photos/user/default.png" width="60" height="60">
								</div>
								<span class="commenter-name">赵冲</span>
							</div>
							<div class="comment-index">
								<span>1楼</span>
							</div>
						</div>
						<div class="comment-body">
							<p>
								这是我的评论内容，这是我的评论内容，
								这是我的评论内容，这是我的评论内容，
							</p>
						</div>
						<div class="comment-footer">
							<div class="comment-time">
								<span>
									<i class="fa fa-clock-o"></i>2016-3-23 15:32
								</span>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>

<!-- Javascript =============================================== -->
	<script src="/miwawa/resources/lib/miwawa/1.0.2/js/jquery/jquery-1.11.3.min.js"></script>
	<script src="/miwawa/resources/lib/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
// 		getArticleById();
	});
	
	// 点击查看文章详情,同时获取评论列表，并保存浏览记录
	function getArticleById() {
		$.ajax({
			url : "http://192.168.2.200:8080/miwawa/app/article/getArticleById",
			type : "POST",
			dataType : "json",
			data : {
				"articleId" : "1",
				"userId" : "40288248537963420153798f489b0000"
			},
			async : false,
			error : function(data) {
				alert("error" + data.status);
			},
			success : function(data) {
// 				alert(data);
				if(data.success == true){
					$(".username").text(data.article.teacherName);
					$(".shopname").text(data.article.shopName);
					$(".header-time span").text(data.article.createTime);
					$(".title-label").text(data.article.title);
					$(".hitCount").text(data.article.hitCount);
					$(".commentCount").text(data.article.commentCount);
					
				}
				
			}
		});
	}
	</script>
</body>
</html>
